<route lang="json5" type="device">
{
  layout: 'tabbar',
  style: {
    // 'custom' 表示开启自定义导航栏，默认 'default'
    navigationStyle: 'custom',
    navigationBarTitleText: '设备',
    navigationBarBackgroundColor: '#3287e1',
    navigationBarTextStyle:'white',
    enablePullDownRefresh:false
  },
}
</route>

<script lang="ts" setup>
defineOptions({
  name: 'Result',
})
const tag1 = [
  {
    title: '商品分类',
    icon: 'scan',
    url: '',
    bg: 'bg1',
    type: 'scan',
  },
  {
    title: '入库日志',
    icon: 'fork',
    url: '/pages/device/deviceList',
    bg: 'bg2',
  },
  {
    title: '销售日志',
    icon: 'copy',
    url: '',
    bg: 'bg3',
  },
  {
    title: '商品库存',
    icon: 'star',
    url: '',
    bg: 'bg7',

  },
  {
    title: '设备补货',
    icon: 'usb',
    url: '',
    bg: 'bg4',

  },
  {
    title: '补货日志',
    icon: 'bags',
    url: '',
    bg: 'bg5',
  },
  {
    title: '销售日志',
    icon: 'wifi',
    url: '',
    bg: 'bg6',
  },
]

const tag2 = [
  {
    title: '会员管理',
    icon: 'star',
    url: '',
    bg: 'bg13',

  },
  {
    title: '积分管理',
    icon: 'usb',
    url: '',
    bg: 'bg14',

  },
  {
    title: '我的商城',
    icon: 'bags',
    url: '',
    bg: 'bg6',
  },
  {
    title: '子账号',
    icon: 'file-copy',
    url: '',
    bg: 'bg7',
  },
]
</script>

<template>
  <view class="top-content">
    <view class="circle" />
    <view class="title">
      其它功能【辅助功能】
    </view>
    <view class="desc">
      进销存系统、会员系统、通知系统、客服系统等将逐步迁入, 请按需使用.
    </view>
  </view>
  <view class="box">
    <view>
      1.辅助功能非必要系统, 如有需求请按需使用
    </view>
    <view>
      2.使用前请看清说明或尝试性测试使用
    </view>
  </view>
  <view class="option-list">
    <view class="title">
      进销存系统
    </view>
    <wd-row>
      <wd-col v-for="(item, index) in tag1" :key="index" :span="6">
        <view class="item">
          <wd-icon :name="item.icon" :custom-class="`icon-circle ${item.bg}`" />
          <view class="menu-title">
            {{ item.title }}
          </view>
        </view>
      </wd-col>
    </wd-row>
  </view>
  <view class="option-list">
    <view class="title">
      会员管理
    </view>
    <wd-row>
      <wd-col v-for="(item, index) in tag2" :key="index" :span="6">
        <view class="item">
          <wd-icon :name="item.icon" :custom-class="`icon-circle ${item.bg}`" />
          <view class="menu-title">
            {{ item.title }}
          </view>
        </view>
      </wd-col>
    </wd-row>
  </view>
</template>

<style lang="scss" scoped>
    .pt60{
        padding-top: 60rpx;
    }
    .device-msg{
        padding: 20rpx;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #ffffff;
        margin: 20rpx;
        border-radius: 20rpx;
        .msg{
          color: #333;
          padding-left: 40rpx;
          .row{
            margin-bottom: 8rpx;
          }
          .num{
            display: inline-block;
            background-color: $uni-color-primary;
            color: #ffffff;
            padding: 0 8rpx;
            border-radius: 6rpx;
          }
          .success{
            background-color: $uni-color-success;
          }
        }
    }
    .box{
          padding: 0.625rem;
    background-color: #ffffff;
    margin: 0.625rem;
    border-radius: 0.625rem;
      color: $uni-color-success
    }
</style>
